<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<?php
include('include/meta.php')
?>
  <link rel="stylesheet" type="text/css" href="Style/jquery.ad-gallery.css">
  <script type="text/javascript" src="Js/jquery.min.js"></script>
  <script type="text/javascript" src="Js/jquery.ad-gallery.js?rand=995"></script>
  <script type="text/javascript">
  $(function() {
    var galleries = $('.ad-gallery').adGallery();
    galleries[0].settings.effect = "resize";
    
  });
  </script>

  <style type="text/css">
  * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    color: #333;
    line-height: 140%;
  }
  select, input, textarea {
    font-size: 1em;
  }
  body {
    font-size: 70%;
    width: 630px;
  }
  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 10px;
  }
  </style>
  <title>花田喜铺</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
  <div id="container">
    <div id="gallery" class="ad-gallery">
      <div class="ad-image-wrapper">
      </div>
      <div class="ad-controls">
      </div>
      <div class="ad-nav">
        <div class="ad-thumbs">
          <ul class="ad-thumb-list">
          <?php	
		  $i=0;
          foreach($att as $arow){
		  ?>
            <li> <a href="Upload/<?=$arow['filepath']?>" class="ad-thumb<?=$i?>"> <img src="Upload/thumb/<?=$arow['filepath']?>" height="60" class="image<?=$i?>"> </a> </li>            
          <?php
		  	$i++;
          }
		  ?>
          </ul>
        </div>
      </div>

    </div>
    <input type="hidden" id="switch-effect" name="switch-effect" value="fade">
  </div>
</body>
</html>